{extend name="common/base" /}
{block name="title"}华创俱乐部{/block}
{block name="main"}
<div>

    <!--header-->
    <header class="header">
        <div class="container clearfix">
            <div class="logo">
                <a href="{:Url('index/index/index')}"><img src="__HOME__/images/logo.jpg" alt="" /></a>
            </div>
            <a href="#mmenu" class="iconfont phone-nav">
                <span class="glyphicon glyphicon-align-justify"></span>
            </a>
            <div class="nav_right">
                <ul>
                    <li><a href="{:Url('index/index/index')}">网站首页</a></li>
                    <li><a href="{:Url('index/about/about')}">关于我们</a>
                        <div class="erji">
                            <a href="{:Url('index/about/about')}">公司简介</a>
                            <a href="{:Url('index/about/honor')}">荣誉资质</a>
                            <a href="{:Url('index/about/about')}">企业文化</a>
                            <a href="{:Url('index/about/about')}">发展历程</a>
                            <a href="{:Url('index/about/about')}">导师简介</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/pro/pro')}">平台展示</a>
                        <div class="erji">
                            <a href="http://www.v7mall.com">为企商城</a>
                            <a href="http://www.massmakers.cn">创服汇</a>
                            <a href="http://www.massmakers.cn/gongyi">华创公益平台</a>
                        <a href="http://www.massmakers.cn/zhaopin">华创招聘</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/news/news')}">新闻资讯</a>
                        <div class="erji">
                            <a href="{:Url('index/news/news')}">公司新闻</a>
                            <a href="{:Url('index/news/news')}">行业新闻</a>
                        </div>
                    </li>
                    <li><a href="{:Url('index/job/job_show')}">招贤纳士</a>
                        <div class="erji">
                            <a href="{:Url('index/job/job_show')}">求职招聘</a>
                            <!--<a href="{:Url('index/job/job')}">画册宣传册</a>
                            <a href="{:Url('index/job/job')}">海报印刷</a>
                            <a href="{:Url('index/job/job')}">包装印刷</a>-->
                        </div>
                    </li>
                    <!--<li><a href="service.html">印刷服务</a>
                        <div class="erji">
                            <a href="service.html">印刷服务一</a>
                            <a href="service.html">印刷服务二</a>
                            <a href="service.html">印刷服务三</a>
                        </div>
                    </li>-->
                    <li  class="active"><a href="{:Url('index/contact/contact')}">联系我们</a>
                        <div class="erji">
                            <a href="{:Url('index/contact/contact')}">联系方式</a>
                            <a href="{:Url('index/contact/feedback')}">在线留言</a>
                        </div>
                    </li>
                </ul>
                <div class="yuyan">
                    <span>语言</span>
                    <i>
                        <a href="">ENGLISH</a>
                        <a href="">中文</a>
                    </i>
                </div>
            </div>
        </div>
        <div class="dian_div">
            <div class="container">
                <span>公司电话：<a href="tel:021-50329161">021-50329161</a></span>
            </div>
        </div>
    </header>


    <!--banner-->
    <section class="banner">
        <div><img src="__HOME__/images/banner_contact.png" alt="" /></div>
    </section>
    <div class="zi_com clearfix">
        <div class="zi_left">
            <div class="top">
                <span class="span1">联系我们</span>
                <span  class="span2">CONTACT</span>
            </div>
            <ul>
                <li >
                    <a href="{:Url('index/contact/contact')}">联系我们</a>
                </li>
                <li  class="active">
                    <a href="{:Url('index/contact/feedback')}">在线留言</a>
                </li>

            </ul>
        </div>
        <div class="zi_right">
            <div class="bar clearfix">
                <span class="b_tt">在线留言</span>
                <span class="curbar"><i>您当前的位置：</i><a href="{:Url('index/index/index')}">首页</a> ><i>在线留言</i></span>
            </div>
            <div class="mess_nei">
                <div class="top_mes_t"></div>
                <p>
                    以下带<i>*</i>号的为必填选项，您在访问我们的网站过程中如有任何问题或有任何需求，请留言，谢谢！
                </p>
                <form name="form1" method="post">
                    <ul class="name_li clearfix">
                        <li>
                            <img src="__HOME__/images/name.png" alt="" /><input type="text" placeholder="姓名"  name="username"  onblur="checknn()" id="name"/> <i>*</i>
                        </li>
                        <li>
                            <img src="__HOME__/images/dian_b.png" alt="" /><input type="text" placeholder="联系电话"  name="tel"  onblur="checkphobe()" id="phone"/> <i>*</i>
                        </li>

                        <li>
                            <img src="__HOME__/images/email.png" alt="" /><input type="text" placeholder="E-MALL邮箱"  name="email"  onblur="checkemail()" id="email"/><i>*</i>
                        </li>
                        <li>
                            <img src="__HOME__/images/tit.png" alt="" /><input type="" name="title" placeholder="标题" onblur="checkti()" id="ti"/><i>*</i>
                        </li>
                    </ul>
                    <div class="tex_a">
                        <textarea placeholder="填写您宝贵的意见或建议..." type="text" name="advice"  id="cont"></textarea>&nbsp;<i>*</i>
                    </div>
                    <div class="yan clearfix">
                        <input type="text" placeholder="验证码"  name="code"  id="yan"/> <i>*</i><img src="{:url('contact/verify')}" alt="verify" onclick="this.src=this.src+'?'"/><a href="#" onclick="cut()">看不清，换一张</a>
                    </div>
                    <div class="tijiao clearfix">
                        <a class="res btn  active" onclick="tijiao()">提 交</a>
                        <a class="sub btn" >重置</a>
                    </div>
                </form>
            </div>
            <div class="guan_new">
                <div class="guan_top">
                    <span>新闻资讯</span>
                </div>
                <ul class="guan_ul">
                    <li>
                        <a href="{:Url('index/news/news')}">
                            <time>2015-06-08</time>
                            <h4>还在舍近求远？转化只会越来越远</h4>
                            <p>
                                对于多数To B类营销人员而言，他们的工作职责可以概括为以下几点：寻找潜在客户、挖掘商机...
                            </p>
                            <span>MORE</span>
                        </a>
                    </li>
                    <li>
                        <a href="{:Url('index/news/news')}">
                            <time>2015-06-08</time>
                            <h4>企业该如何享用奥运新媒体盛宴？</h4>
                            <p>
                                似乎一提到里约奥运，就有种忧心忡忡的感觉，虽然磕磕绊绊，但它仍然如期开幕了，人们的目光也立刻转向体育赛事中...
                            </p>
                            <span>MORE</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>

</div>
{/block}

{block name="js"}
<script src="__STATIC__/layer/layer.js"></script>
<script type="text/javascript">
    function tijiao(){
       var formData= $("[name='form1']").serialize();
       $.ajax({
           type:'post',
           url:"{:url('contact/sendEmail')}",
           data:formData,
           dataType:'json',
           success:function(data){
               layer.msg(data.msg);
//               alert(data.msg);
           }

       });
    }

    function cut() {
        $("[alt='verify']").attr("src", "{:url('contact/verify')}");
//        alert('jkjk');
    }
</script>
{/block}
